<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" style="overflow-y:scroll; ">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>管理系统</title>
  <!-- base:css -->
  <link rel="stylesheet" th:href="@{/vendors/mdi/css/materialdesignicons.min.css}">
  <link rel="stylesheet" th:href="@{/vendors/css/vendor.bundle.base.css}">
  <!-- endinject -->
  <!-- plugin css for this page -->
  <!-- End plugin css for this page -->
  <!-- inject:css -->
  <link rel="stylesheet" th:href="@{/css/style.css}">
  <link rel="stylesheet" th:href="@{/css/mycss.css}">
  <link rel="shortcut icon" th:href="@{/css/bootstrap.min.css}" />
  <link rel="shortcut icon" th:href="@{/css/bootstrap.min.css.map}" />
  <link rel="stylesheet" th:href="@{/css/nav.css}">
  <!-- endinject -->
  <link rel="shortcut icon" href="/images/favicon.png" />

  <style>
    .sidebar{
      width: 240px;
    }
    .navbar.navbar-mini{
      height: 155px;
    }

  </style>
</head>
<body>
<button style="display: none" id="sdf" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"></button>
<!--右侧悬浮窗-->
<div class="leftNav-item">
  <div>
    <div onclick="refreshPage()" style="margin: 70px 10px 0px 0px">
      <img style="height: 56px" th:src="@{/images/menuimg/refrash.png}">
    </div>
    <div style="padding-top: 30px">
      <img style="height:50px;margin-left:3px" th:src="@{/images/menuimg/toHome.png}">
    </div>
    <div onclick="closePage()" style="padding-top: 30px">
      <img style="height:50px;margin-left:3px" th:src="@{/images/menuimg/close.png}">
    </div>
    <div class="for-top" style="padding-top: 30px">
      <img style="height:56px" th:src="@{/images/menuimg/toTop.png}">
    </div>
  </div>

</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="margin-top: 300px">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    模态框（Modal）标题
                </h4>
            </div>
            <div class="modal-body" id="myModalBody">
                在这里添加一些文本
            </div>
            <div class="modal-footer">
                <button id="closeButton" type="button" class="btn btn-default" data-dismiss="modal" onclick="returnModal()">关闭
                </button>
                <button id="defineButton" onclick="setParmsByDay(false)" type="button" class="btn btn-primary">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--<div id="errorInfomation" class="error-infomation">-->

<!--</div>-->
  <div class="container-scroller d-flex">
    <!-- partial:./partials/_sidebar.html -->
    <nav class="sidebar sidebar-offcanvas" id="sidebar">
      <ul class="nav"  id="menu">
        <li class="nav-item" th:each="menu,iterStat:${menuList}" th:id="'menu_'+${menu.urle}" >
          <div class="nav-link" style="cursor:pointer;">
            <img style="height: 25px;margin-right: 20px" th:src="${menu.whiteImage}">
            <!--<i th:class="${menus.image}" style="margin-bottom: 5px"></i>-->
            <span class="menu-title" th:text="${menu.name}" th:name="menuName"></span>
            <!--<div class="badge badge-info badge-pill">2</div>-->
          </div>
        </li>
      </ul>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:./partials/_navbar.html -->
      <nav class="navbar col-lg-12 col-12 px-0 py-0 py-lg-0 d-flex flex-row" >
        <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end" style="margin-bottom: -30px">
          <button class="navbar-toggler align-self-center" type="button" data-toggle="minimize">
            <span class="mdi mdi-menu"></span>
          </button>
          <div class="navbar-brand-wrapper">
            <a class="navbar-brand brand-logo" href="http://localhost:8080/menu"><img src="/images/logo-mini.svg" alt="logo"/></a>
          </div>
          <h4 class="font-weight-bold mb-0 d-none d-md-block mt-1">山东骄阳环保科技有限公司管理平台</h4>
          <ul class="navbar-nav navbar-nav-right">
            <li class="nav-item">
              <h4 id="showDate" class="mb-0 font-weight-bold d-none d-xl-block"></h4>
            </li>
          </ul>
        </div>
        <div class="navbar-menu-wrapper navbar-search-wrapper d-none d-lg-flex align-items-center" style="margin-top: 20px;margin-bottom: -15px">
          <ul class="navbar-nav mr-lg-2">
            <li class="nav-item nav-search d-none d-lg-block">
              <div class="input-group">
                <!--<div id="enterpriceId" type="text" class="form-control"  aria-label="search" aria-describedby="search">登录用户基本信息......</div>-->
                <input readonly="readonly" id="enterpriceId" type="text" class="form-control" placeholder="登录用户基本信息......" aria-label="search" aria-describedby="search">
              </div>
            </li>
          </ul>
          <ul class="navbar-nav navbar-nav-right">
            <li class="nav-item nav-profile dropdown">
              <a class="nav-link " href="#" data-toggle="dropdown" id="profileDropdown">
                <img th:src="${loginUser.image}"  alt="profile"/>
                <span class="nav-profile-name" th:text="${loginUser.company.name}"></span>
                <span class="nav-profile-name" th:text="${loginUser.position}"></span>
                <span class="nav-profile-name" th:text="${loginUser.name}"></span>
              </a>
              <!--<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">-->
                <!--<a class="dropdown-item">-->
                  <!--<i class="mdi mdi-settings text-primary"></i>-->
                  <!--设置-->
                <!--</a>-->
                <!--<a class="dropdown-item">-->
                  <!--<i class="mdi mdi-logout text-primary"></i>-->
                  <!--登出-->
                <!--</a>-->
              <!--</div>-->
            </li>
            <li class="nav-item " >
              <a class="nav-link icon-link " >
                <div class="index-head-basicInfo">权限</div>
              </a>
            </li>
            <li class="nav-item  " style="margin-left: 0px">
              <a class="nav-link icon-link index-head-authory" href="#"  >
                <div >
                  <span th:if="${loginUser.authority.customer}" style="margin-right: 5px">客户</span>
                  <span th:if="${loginUser.authority.systemAdmin}" style="margin-right: 5px">系统管理员</span>
                  <span th:if="${loginUser.authority.technicalAdmin}" style="margin-right: 5px">技术负责人</span>
                  <span th:if="${loginUser.authority.salesAdmin}" >销售员</span>
                </div>
              </a>
            </li>
            <li class="nav-item" th:if="${loginUser.authority.customer} ne null">
              <div onclick="getCompanyCode()" class="nav-link icon-link text-primary">
                <i class="mdi mdi-cloud-download"></i>
              </div>
              <!--<a class="nav-link icon-link">-->
              <!--<i class="mdi mdi-cloud-download"></i>-->
              <!--</a>-->
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link icon-link">
                <i class="mdi mdi-settings text-primary"></i>
              </a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link icon-link">
                <i class="mdi mdi-logout text-primary"></i>
              </a>
            </li>
          </ul>
        </div>

        <div  class="navbar-menu-wrapper  d-none d-lg-flex align-items-center mx-0" style="margin: 0px;padding-left: 25px">
          <ul id="lable-bar" class="navbar-nav ">

          </ul>
          <div class="navbar-nav-right"></div>
        </div>

      </nav>
      <div class="main-panel" id="main-Box-out" style="background-color: white;">

        <div class="form-inline" style="background-color: white;">
          <div id="main-box" class="col-md-12" style="padding: 0px 55px 0px 0px;" ></div>
        </div>

        <!-- content-wrapper ends -->
        <!-- partial:./partials/_footer.html -->
        <footer class="footer">
          <div class="card">
            <div class="card-body">
              <div class="d-sm-flex justify-content-center justify-content-sm-between py-2">
                <p class="text-center text-sm-left d-block d-sm-inline-block mb-0">Copyright © 2021 R.che . All rights reserved.</p>
                <p class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center mb-0">更多信息请 <a href="http://www.sdjiaoyang.net/" target="_blank" title="模板之家">进入官网</a></p>
              </div>
            </div>
          </div>
        </footer>
        <!-- partial -->
      </div>
      <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
  <!-- base:js -->
  <script th:src="@{/js/jquery-3.0.0.min.js}"></script>
  <script th:src="@{/vendors/js/vendor.bundle.base.js}"></script>
  <!-- endinject -->
  <!-- Plugin js for this page-->
  <script th:src="@{/vendors/chart.js/Chart.min.js}"></script>
  <!-- End plugin js for this page-->
  <!-- inject:js -->
  <script th:src="@{/js/off-canvas.js}" ></script>
  <script th:src="@{/js/hoverable-collapse.js}" ></script>
  <script th:src="@{/js/template.js}" ></script>
  <!-- endinject -->
  <!-- plugin js for this page -->
  <!-- End plugin js for this page -->
  <!-- Custom js for this page-->
  <script th:src="@{/js/dashboard.js}" ></script>
  <script th:src="@{/js/bootstrap.min.js}" ></script>
  <!--echart-->
  <script th:src="@{/js/echarts.min.js}"></script>
  <!-- 自己写的js-->
  <script th:src="@{/js/overWrite/management.js}" ></script>
  <script th:src="@{/js/overWrite/update-menus.js}"></script>
  <script th:src="@{/js/overWrite/update-parms.js}"></script>
  <script th:src="@{/js/overWrite/statement-parms.js}"></script>
  <script th:src="@{/js/overWrite/nav.js}"></script>
  <script th:src="@{/js/overWrite/setUp-Serials.js}"></script>
  <!--<script th:src="@{/js/echarts.min.js}"></script>-->
  <!--<script th:src="@{/js/overWrite/realtime-data.js}"></script>-->
  <script th:inline="javascript">
    // 给菜单绑定动作（初始化菜单）
    var menuList = [[${menuList}]];
    console.log(menuList)
    menuAction(menuList);
  </script>

<!--<script th:inline="javascript">-->
<!--var overViewNameList = [[${overViewNameList}]];-->
<!--console.log(overViewNameList)-->
<!--</script>-->

</body>

</html>